<template>
	<!-- 调用组件 -->
	<div class="free">		
		<free-header></free-header>
        <free-swipers :swiperList='swiperList'></free-swipers>
		<free-icons :IconFree='IconFree'></free-icons>
		<free-end :Endlist='Endlist'></free-end>
	</div>
</template>

<script>
	//引入Header.vue
	import FreeHeader from './pages/Header'
	import FreeSwipers from './pages/Swipers'
	import FreeIcons from './pages/Icons'
	import FreeEnd from './pages/End'
	import axios from 'axios'
	//导出组件 HomeHeader
	export default{
		components:{
			FreeHeader,
			FreeSwipers,
			FreeIcons,
			FreeEnd
		},
		data(){
			return{
				"PlayList":[],
				"swiperList":[],
				"IconFree":[],
				"Endlist":[],
				
			}
		},
		mounted(){
				axios.get('./dataHome.json').then((res)=>{					
					const msg=res.data.data[0];
					this.PlayList=msg.PlayList;
					this.swiperList=msg.swiperList;
					this.IconFree=msg.IconFree;
					this.Endlist=msg.Endlist;
				})	
			}
	}
</script>

<style scoped>

</style>

